<template>
	<view>
		<view class="fixed-top-nav">
			<view class="top-con flex">
				<view class="img1"><image :src="src" mode="aspectFill"></image> </view>
				<text class="text-xl">{{title}}</text>
				<image src="@/static/images/home.png" class="home"></image>
			</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		name:"top-nav",
		props: {
			title: {
				type: String,
				default: '爱思唯尔'
			},
			src: {
				type: String,
				default: '/static/images/ceshi.webp'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.fixed-top-nav{
	position: fixed;
	// top: 0;
	left: 0;
	width: 100%;
	height: 96rpx;
	background: #FFF;
	z-index: 8;
	.top-con{
		padding: 0 32rpx;
		height: 100%;
		align-items: center;
		justify-content: space-between;
		.text-xl{
			position: absolute;
			left: 70px;
			right: 70px;
			min-width: 0;
			text-align: center;
		}
		.img1{
			width: 58rpx;
			height: 64rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.home{
			width: 44rpx;
			height: 44rpx;
		}
	}
}
</style>
